<template>
    <footer>
        <p>
            &copy; 2023 - {{ copyRightYear }} <span>我的藏书馆</span> v{{ version }}
        </p>
        <p>
            系统支持环境：Vue{{ vueVersion }} + Vue Router {{ vueRouterVersion }} + Pinia {{ piniaVersion }}
        </p>
    </footer>
</template>

<script>
import config from "../../package.json";
export default {
    data() {
        return {
            version: config.version,
            vueVersion: config.dependencies.vue.substring(1),
            vueRouterVersion: config.dependencies["vue-router"].substring(1),
            piniaVersion: config.dependencies.pinia.substring(1)
        }
    },
    computed: {
        copyRightYear() {
            return new Date().getFullYear();
        }
    },
}
</script>

<style scoped>
p {
    margin: 8px 0;
}
</style>